Data Tables: Four Major User Tasks 資料表格的四大核心使用者任務

表格設計應支援以下四種常見使用者任務：

查詢符合特定條件的記錄

比較資料

檢視、編輯或新增單行資料

對記錄執行操作

表格與卡片或模組化資料展示的對比

表格的優勢：

可擴充套件性：表格可輕鬆增加行列，適應資料集變化。

支援比較任務：表格中的相鄰資料點易於比較，無需像卡片式介面那樣頻繁移動視線或依賴短期記憶。

基於卡片的多變數資料展示要求使用者每次將目光從一張卡片移動到另一張卡片時在空間上重新定向，這使得比較任務在認知上費力且緩慢。

劣勢：表格美觀性較低，但其功能性和資料密集展示能力在許多工作場景中非常實用。

表格的主要使用者任務及設計建議

1. 查詢符合特定條件的記錄

使用者可能需要找到具體記錄（如已知名稱或特徵）或多條滿足條件的記錄（透過過濾、排序或搜尋）。

眼動追蹤注檢視顯示，一名參與者在表格資料和上方的過濾器之間來回注視。在某一時刻，參與者對錶格進行了分層搜尋，他的眼睛在第一列、第二列之間移動，然後跳到第四列和第六列，之後移動到下一行資料並重復該過程。

設計建議：

首列為人類可讀識別符號：避免使用無意義的自動生成ID。

相關列緊密排列：便於使用者從同一記錄中檢視重要資訊，減少眼睛移動距離。

易發現、強大的過濾功能：過濾器設計應直觀、透明，並明確顯示當前處於過濾狀態的資料。

2. 比較資料

表格最適合支援使用者對資料的橫向或縱向比較任務，例如：

檢測變數之間的關係

識別異常值或常見範圍

凍結的表頭行和首列、淺色邊框以及斑馬線圖案都有助於視覺掃描行為，並幫助使用者在檢視和比較資料時確定自己的位置。微妙地使用投影暗示凍結的首列和表頭行“浮”在表格其餘資料的“上方”，有助於空間定向。

一個易於注意到的用於隱藏列的選單，清楚地表明當前狀態（當前有 15 列被隱藏）。在這裡重新排列列可以透過兩種方式進行：（1）直接拖放列標題本身（這種方式的可發現性相對較低且可訪問性較差，但一旦學會就是一種有效的加速器）或（2）從這個可見選單中的列列表中進行拖放。

常見問題：

資料量大，難以理解每個單元格代表的資訊。

使用者需要比較的列可能相距較遠，需頻繁滾動或記憶部分資料。

設計建議：

確保資訊定位清晰：
- 凍結表頭和首列，幫助使用者保持視覺位置。
- 使用邊框、斑馬線條、懸停高亮等增強視覺掃描體驗。

便於資訊靠近：
- 允許使用者隱藏或重新排序列，降低互動成本，並清晰標識隱藏狀態。
- 允許使用者隱藏或排序行，以便快速聚焦於重要資料點。

3. 檢視、編輯或新增單行資料

使用者經常需要對單行記錄進行操作，但寬表格的單行資料可能難以閱讀或編輯。

用於編輯的模態彈出視窗會遮蓋表格上的資訊。

解決方案與權衡：

就地編輯（Edit in Place）：適用於窄表格，但需明確標識可編輯模式，以避免誤操作。

模態彈窗：彈窗會遮擋表格其他部分資料，使用者難以參照類似記錄，因此不推薦用於深度編輯任務。

非模態面板或獨立視窗：允許在檢視錶格資料的同時顯示並編輯單行記錄。

手風琴展開：雖然不會遮擋表格，但可能導致頁面混亂且難以參考其他不相鄰的記錄。

非模態側邊面板允許完整顯示（和編輯）單個記錄，同時仍允許使用者檢視錶中其餘資料。

4. 對記錄執行操作

使用者需要對單條或多條記錄執行操作，例如刪除、共享或更新資料。

實現方式：

單條記錄操作：
- 若操作少，可內聯顯示在表格行內。
- 若操作多，建議透過選單摺疊展示，避免介面擁擠。

批次操作：
- 提供選擇機制（如核取方塊）並在表格頂部或底部顯示操作選單。
- 常見需求如全選功能，可提供快捷選項。

相比卡片式佈局，表格更適合高效展示密集資料、支援比較任務及模式檢測。

為了滿足使用者需求，表格設計應支援以下四大任務：

查詢符合特定條件的記錄

比較資料

檢視、編輯或新增單行記錄

對記錄執行操作

透過最佳化資訊顯示和操作流程，表格可以顯著提升複雜資料環境下的使用者體驗。